<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../styles/header.css">
    <link rel="stylesheet" href="../styles/normalize.css">
    <link rel="stylesheet" href="../styles/footer.css">
    <link rel="stylesheet" href="../styles/login.css">
</head>

<body>
    <!-- header -->
    <div class="header">

        <div class="header1">
            <div class="header1BG box1200">
                <p>欢迎光临乐购,&nbsp;请&nbsp;<a href="../HTML/login.html">登录</a>/<a href="../HTML/register.html">注册</a></p>
            </div>
        </div>
        <div class="header2 box1200">
            <img src="../images/img/tpLogo.gif" alt="" srcset="">
            <p id="loginBtn">登录 </p>
        </div>
        <!-- 登录 -->
        <div class="autoBox loginbox">
            <div class="box1200 loginIn">
                <div class="login1">
                    <ul>
                        <li class="active">扫描登录</li>
                        <li>账户登录</li>
                    </ul>
                    <div class="loginType" id="qrphone">
                        <img id="qrImg" src="../images/images/show.png" alt="">
                        <img id="phoneImg" src="../images/images/phone-orange.png" alt="">
                    </div>
                    <div class="loginType1">
                        <form action="javascript:;" class="loginFrom">
                            <p class="pUser">
                                <span id="userIcon">&#xe601</span>
                                <input type="text" id="user" placeholder="请输入4~16位账号" />
                                <span id="delIcon">&#xe613</span>
                            </p>
                            <p class="pPwd">
                                <span id="pwdIcon">&#xe600</span>
                                <input type="password" id="pwd" />
                            </p>
                            <p class="autoLogin-forgetPwd">
                                <input type="checkbox" id="autoLogin" />
                                <span id="autoText">自动登录</span>

                                <span id="forgetPwd">忘记密码</span>
                            </p>
                            <p>
                                <input id="sub" type="submit" value="&nbsp;登录" />
                            </p>
                        </form>

                    </div>
                </div>
            </div>
        </div>
        <!-- end 登录 -->
    </div>
    <!-- header end-->
    <!-- footer -->

    <div id="footer">

        <div class="footer1"></div>
        <div>
            <div class="footer2">

                <div id="footerBG" class="box1200">
                    <div class="footer2-content">
                        <img src="../images/images/222_11.png" alt="" srcset="">
                        <img src="../images/images/222_13.png" alt="" srcset="">
                        <img src="../images/images/222_15.png" alt="" srcset="">
                        <img src="../images/images/222_17.png" alt="" srcset="">

                    </div>
                </div>

            </div>
        </div>
        <div class="footer3 box1200">
            <div class="footer3BG"></div>
            <div class="footer3-content">
                <div class="footer3-1 flex">
                    <p>购物指南</p>
                    <a href="javascript:;">购物流程</a>
                    <a href="javascript:;">发票制度</a>
                    <a href="javascript:;">账户管理</a>
                    <a href="javascript:;">会员优惠</a>
                </div>
                <div class="footer3-2 flex">
                    <p>支付方式</p>
                    <a href="javascript:;">货到付款</a>
                    <a href="javascript:;">网上支付</a>
                    <a href="javascript:;">礼品卡支付</a>
                    <a href="javascript:;">银行转帐</a>
                </div>
                <div class="footer3-3 flex">
                    <p>订单服务</p>
                    <a href="javascript:;">订单配送查询</a>
                    <a href="javascript:;">订单状态说明</a>
                    <a href="javascript:;">自助取消订单</a>
                    <a href="javascript:;">自助修改订单</a>
                </div>
                <div class="footer3-4 flex">
                    <p> 退换货</p>
                    <a href="javascript:;">退换货政策</a>
                    <a href="javascript:;">自助申请退换货</a>
                    <a href="javascript:;">退换货进度查询</a>
                    <a href="javascript:;">退款方式和时间</a>
                </div>
                <div class="footer3-5 flex">
                    <p> 商家服务</p>
                    <a href="javascript:;">商家中心</a>
                    <a href="javascript:;">运营服务</a>
                    <a href="javascript:;">加入尾品汇</a>
                    <a href="javascripy:;">&nbsp;</a>
                </div>
            </div>
        </div>
        <div class="footer4 box1200">
            <p>
                <a href="javascript:;"> 公司简介</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">Investor Relations</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">网站联盟</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">乐购招商</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">机构销售</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">手机乐购</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">官方Blog</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">热词搜索</a>
            </p>
        </div>
        <div class="footer5 box1200">
            <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
    </div>
    <!-- footer end -->
</body>
<script src="../jquery/jquery-1.12.4.js"></script>
<script src="../scripts/login.js"></script>
<script></script>

</html>